<template>
    <div class="items">
        <h6 class="title"
            :style="style.title" v-text="Lang.changeemail[lang][0]">
        </h6>
        <div class="fcb"
            :style="style.box">
            <div class="code bb"
                :style="style.txt">
                <span v-text="uid">15205</span>
            </div>
            <button :style="style.btn"
                @click="e_copy"
                v-clipboard:copy="uid">{{Lang.changeemail[lang][1]}}</button>
        </div>
    </div>
</template>

<script>
import style from './style.jsx'
import Lang from './lang.js'
export default {
	data() {
		return {
			Lang,
			style,
		}
	},
	computed: {
		uid() {
			return this.$store.state.user.uid
		},
		lang() {
			return this.$store.state.setting.lang
		},
	},
	created() {},
	methods: {
		e_copy() {
			alert(this.Lang.changeemail[this.lang][5])
		},
	},
}
</script>

<style scoped>
.items {
	margin: 0 40px 0 0;
	width: 280px;
}
</style>